<template>
	<div class="Oindex">
		<div class="Notice">
			<i class="fontcolor-00ccff fontsize-16px">订单管理</i>
		</div>
		<div class="main">
			<div class="left">
				<order-nav></order-nav>
			</div>
			<div class="right">
				<router-view />
			</div>
		</div>
	</div>
</template>

<script>
	import OrderNav from "../../components/OrderNav.vue";
	export default {
		data() {
			return {

   
			}
		},
		components: {
			OrderNav,
		},
	}
</script>

<style lang="less">
	.Oindex {
		.Notice {
			width: 100%;
			text-align: center;
			padding: 50px 0 20px 0;
			border-bottom: 1px solid #43c8db;
			box-sizing: border-box;
		}
		.main{
			width: 100%;
				display: flex;
				flex-wrap: wrap;
				// justify-content: center;
				padding-top: 20px;
				box-sizing: border-box;
				.left {
					width: 300px;
				display: flex;
				flex-wrap: wrap;
				justify-content: flex-end;
				}
				.right{
					width: 1000px;
					box-sizing: border-box;
			border: 1px solid #41c7db;
			
				.total {
					width: 100%;
					height: 30px;
					line-height: 30px;
					text-align: center;
					display: flex;
					justify-content: flex-end;
					border-left: 1px solid #8b8b8b;
					border-bottom: 1px solid #8b8b8b;
			
					.to {
						border-right: 1px solid #8b8b8b;
					}
				}
				}
				
		}
		
	}
</style>
